<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <h:form id="frmPrincipal">
                <p:panel id="pnlPrincipal" header="SOLICITUD CLIENTE / #{solicitudClienteMBean.titulo}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid id="pgForm" columns="8" cellpadding="4">
                        <h:outputLabel for="itNombres" value="NOMBRES" styleClass="label"/>
                        <p:inputText id="itNombres" label="NOMBRES" maxlength="100"
                                     value="#{solicitudClienteMBean.solCliente.nombres}" readonly="#{solicitudClienteMBean.accion == 3 || solicitudClienteMBean.solCliente.estado != 'P'}"
                                     required="true" size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength minimum="0" maximum="100"/>
                        </p:inputText>

                        <h:outputLabel for="itDni" value="DNI" styleClass="label"/>
                        <h:panelGrid columns="2" cellpadding="4">
                            <p:inputText id="itDni" label="DNI" maxlength="20"
                                         value="#{solicitudClienteMBean.solCliente.dni}" readonly="#{solicitudClienteMBean.accion == 3 || solicitudClienteMBean.solCliente.estado != 'P'}"
                                         required="true" size="20" onkeypress="return fn_validaTecla('entero', this)" styleClass="txtCampoObligatorio">
                                <f:validateLength minimum="0" maximum="20"/>
                            </p:inputText>
                            <p:commandButton icon="ui-icon ui-icon-search" title="VERIFICAR" ajax="false" onclick="window.open('https://cel.reniec.gob.pe/valreg/valreg.do?accion=ini', 'newwindow2', 'width=630, height=430'); return false;"
                                             disabled="#{solicitudClienteMBean.accion == 3 || solicitudClienteMBean.solCliente.estado != 'P'}">                                
                            </p:commandButton>
                        </h:panelGrid>

                        <h:outputLabel for="itTelefono" value="TELÉFONO" styleClass="label"/>
                        <p:inputText id="itTelefono" label="TELÉFONO" maxlength="20"
                                     value="#{solicitudClienteMBean.solCliente.telefono}" readonly="#{solicitudClienteMBean.accion == 3 || solicitudClienteMBean.solCliente.estado != 'P'}"
                                     required="true" size="25" onkeypress="return fn_validaTecla('entero', this)" styleClass="txtCampoObligatorio">
                            <f:validateLength minimum="0" maximum="20"/>
                        </p:inputText>

                        <h:outputLabel for="itEmail" value="E-MAIL" styleClass="label"/>
                        <p:inputText id="itEmail" label="E-MAIL" maxlength="100"
                                     value="#{solicitudClienteMBean.solCliente.email}" readonly="#{solicitudClienteMBean.accion == 3 || solicitudClienteMBean.solCliente.estado != 'P'}"
                                     required="true" size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength minimum="0" maximum="100"/>
                        </p:inputText>

                        <h:outputLabel for="itDireccion" value="DIRECCIÓN" styleClass="label"/>
                        <p:inputText id="itDireccion" label="DIRECCIÓN" maxlength="100"
                                     value="#{solicitudClienteMBean.solCliente.direccion}" readonly="#{solicitudClienteMBean.accion == 3 || solicitudClienteMBean.solCliente.estado != 'P'}"
                                     required="true" size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength minimum="0" maximum="100"/>
                        </p:inputText>

                        <h:outputLabel for="itFechaSolicitud" value="FECHA SOLICITUD" styleClass="label"/>
                        <h:outputText id="itFechaSolicitud" value="#{solicitudClienteMBean.solCliente.fechaSolicitud}" styleClass="label">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputText>

                        <h:outputLabel for="itEstado" value="ESTADO" styleClass="label"/>
                        <h:outputText id="itEstado" value="#{solicitudClienteMBean.solCliente.estadoTexto}" style="#{solicitudClienteMBean.solCliente.inlineStyle}"/>
                    </h:panelGrid>

                    <f:facet name="footer">
                        <p:commandButton title="GUARDAR" ajax="false" icon="ui-icon ui-icon-disk"
                                         rendered="#{solicitudClienteMBean.accion != 3 &amp;&amp; solicitudClienteMBean.solCliente.estado == 'P'}" style="#{applicationMBean.estilosBtnBuscar}"
                                         value="GUARDAR" onclick="return confirm('ESTÁ SEGURO QUE DESEA REALIZAR LA OPERACIÓN');"
                                         action="#{solicitudClienteMBean.guardar}">
                        </p:commandButton>

                        <p:commandButton title="RETROCEDER" ajax="false" icon="ui-icon ui-icon-arrowreturnthick-1-w"
                                         immediate="true" style="#{applicationMBean.estilosBtnBuscar}"
                                         value="RETROCEDER" action="#{solicitudClienteMBean.retroceder}">
                        </p:commandButton>
                        
                        <p:commandButton title="CONFIRMAR" icon="ui-icon ui-icon-disk"
                                         rendered="#{solicitudClienteMBean.accion != 3 &amp;&amp; solicitudClienteMBean.solCliente.estado == 'P'}" style="#{applicationMBean.estilosBtnBuscar}"
                                         value="CONFIRMAR" oncomplete="carDialogCliente.show()" update=":frmDetalle"
                                         action="#{solicitudClienteMBean.nuevoCliente}" immediate="true">
                        </p:commandButton>

                        <p:commandButton title="ANULAR" icon="ui-icon ui-icon-disk"
                                         rendered="#{solicitudClienteMBean.accion != 3 &amp;&amp; solicitudClienteMBean.solCliente.estado == 'P'}" style="#{applicationMBean.estilosBtnBuscar}"
                                         value="ANULAR" action="#{solicitudClienteMBean.anular}" onclick="return confirm('ESTÁ SEGURO QUE DESEA REALIZAR LA OPERACIÓN');">
                        </p:commandButton>
                    </f:facet>
                </p:panel>
            </h:form>
            <p:dialog id="dialogCliente" header="DATOS ADICIONALES DEL NUEVO CLIENTE" widgetVar="carDialogCliente" resizable="false"
                      width="1200" height="450" modal="true">
                <p:messages id="msgDialogCliente" showDetail="false" autoUpdate="true"/>
                <ui:include src="/pages/clie/solCliente/clienteConfirmacion.xhtml"/>
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>

